<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8"></meta>
<script type="text/javascript" src="/js/vue.js"></script>
<title>Vue.js</title>
</head>
<body>
	<h1>Hello World</h1>
	<hr></hr>
	<div id="app">
		<zhangfeng></zhangfeng>
		<zf></zf>
	</div>
	
	<script type="text/javascript">
	
		Vue.component('zhangfeng',{
			template:`<div style="color:red">我是全局的zhangfeng组件</div>`
		})
			
		var app = new Vue({
			el:'#app',
			components:{
				"zf":{
					template:`<div style="color:blue">我是局部的zf组件</div>`
				}
			}
		});
	
	</script>
</body>
</html>